/* pages/card-exchange/card-exchange.less */
@import '../../app.less';
Page{
    background: #f1f1f1;
.container{
    padding-bottom:300rpx;
    .contact-type-item {
        background: @white;
        margin-bottom: 10rpx;
        .contact-type{
            width:750rpx;
            height:140rpx;
            padding:0 30rpx;
            background:#ffffff;
            margin-bottom:10rpx;
            .icon-size {
                margin-right:20rpx;
            }
            .user-info{
                color:#3f3f3f;
                font-size:24rpx;
                .label{
                    width:80rpx;
                    height:36rpx;
                    line-height:36rpx;
                    background:#ffb429;
                    font-size:20rpx;
                    color:#ffffff;
                    text-align:center;
                    border-radius:4rpx;
                    margin-right:20rpx;
                }
                .phone{
                    padding-left:20rpx;
                }
            }
            .address{
                color:#3f3f3f;
                font-size:28rpx;
                line-height:40rpx;
                font-weight:bolder;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                margin-top:10rpx;
            }
            .arrow-right{
                .arrow();
                border-top: 2rpx solid #3f3f3f;
                border-right: 2rpx solid #3f3f3f;
            }
        }
        .cut-line{
            width:682rpx;
            height:2rpx;
            background:#e5e5e5;
            margin:0 34rpx;
        }
        .delivery-info{
            color:@minor-color;
            font-size:24rpx;
            line-height:66rpx;
            height:66rpx;
            padding:0 15rpx;
            .icon-size{
                font-size:36rpx;
                color:#231916;
            }
            .delivery-time,.remind{
                margin:0 20rpx 0 15rpx;
            }
            .del-btn{
                width:114rpx;
                height:42rpx;
                line-height:42rpx;
                color:#3f3f3f;
                background:#ffffff;
                border:solid 2rpx #3f3f3f;
                border-radius:20rpx;
                text-align:center;
                .icon-size{
                    font-size:26rpx;
                    margin-right:10rpx;
                }
            }
            .add-btn{
                width:162rpx;
                height:42rpx;
                line-height:42rpx;
                color:#ffffff;
                background:#3f3f3f;
                border:solid 2rpx #3f3f3f;
                border-radius:20rpx;
                text-align:center;
                margin-left:10rpx;
                .icon-size{
                    color:#ffffff;
                    font-size:26rpx;
                    margin-right:10rpx;
                }
            }
        }
    }
    .order-info{
        width:750rpx;
        padding:20rpx;
        background:#ffffff;
        .title{
            color:#4f4f4f;
            font-size:28rpx;
            line-height:40rpx;
            .icon-size {
                font-size: 35rpx;
                margin-right: 13rpx;
            }
        }
        .goods-info{
            padding:20rpx 0 30rpx;
            .goods-pic{
                width:180rpx;
                height:180rpx;
                border-radius:8rpx;
                margin-right:12rpx;
            }
            .goods-name{
                color:#535252;
                font-size:32rpx;
                line-height:44rpx;
                .twoline()
            }
            .goods-params{
                color:#939393;
                font-size:24rpx;
                line-height:34rpx;
                margin-top:10rpx;
            }
            .price{
                width:350rpx;
                color:#ff5050;
                font-size:24rpx;
                text{
                    font-size:32rpx;
                }
            }
        }
        .buy-tip{
            color:#ffa100;
            font-size:24rpx;
            line-height:34rpx;
            .icon-size{
                margin-right:8rpx;
            }
        }
    }
    .discount-info{
        margin: 10rpx 0;
        background: @white;
        font-size: 28rpx;
        .discount-item{
            line-height:34rpx;
            padding: 30rpx;
            border-bottom:solid 2rpx #ececec;
            .discount-price {
                font-size: 24rpx;
                color: #FF6161;
            }
        }
    }
    .price-detail{
        width:750rpx;
        background:#ffffff;
        padding: 0 30rpx;
        .price-item{
            color:#535252;
            font-size:28rpx;
            height:75rpx;
            line-height:75rpx;
            .icon-size{
               font-size: 24rpx;
               color: #BABABA;
            }
            .price-r {
                font-size: 24rpx;
            }
        }
    }
    .pay-confirm{
        position:fixed;
        left:0;
        bottom:0;
        width:750rpx;
        height:100rpx;
        padding:0 30rpx;
        background:#ffffff;
        z-index:999;
        .price-num-text{
            color:#939393;
            font-size:32rpx;
            .price{
                color:#3f3f3f;
                font-size:24rpx;
                text{
                    font-size:48rpx;
                }
            }
        }
        .submit-btn{
            width:250rpx;
            height:80rpx;
            line-height:80rpx;
            background:linear-gradient(to right, #666666, #2b2b2b);
            border-radius:40rpx;
            color:#ffce84;
            font-size:28rpx;
            text-align:center;
            box-shadow:0px 4px 8px 0px rgba(92,91,89,1);
        }
    }
    .freight-modal{
        width: 750rpx;
        height: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        .freight-box{
            position:fixed;
            top:50%;
            left:50%;
            width:640rpx;
            height:320rpx;
            background:#ffffff;
            border-radius:24rpx;
            transform:translate(-50%,-50%);
            .freight-info{
                color:#353535;
                font-size:34rpx;
                line-height:48rpx;
                padding:80rpx 48rpx 32rpx;
                border-bottom:solid 2rpx #e5e5e5;
            }
            .close-btn{
                color:#576b95;
                font-size:34rpx;
                line-height:110rpx;
                text-align:center;
            }
        }
    }
    .address-box{
        position:fixed;
        bottom:0;
        left:20rpx;
        width:710rpx;
        padding-bottom:120rpx;
        border:solid 2rpx #dedede;
        box-shadow:0px 4px 8px 0px rgba(176,176,176,0.5);
        border-radius:20rpx;
        z-index:99;
        background:#ffffff;
        .address-item,.address-num{
            position: relative;
            padding-left:20rpx;
            color:#3f3f3f;
            font-size:28rpx;
            line-height:64rpx;
            border-bottom:dashed 2rpx #c7c7c7;
            background:#ffffff;
            z-index:99;
        }
        .address-num {
            color: @minor-color;
            margin-right: 20rpx;
        }
    }
    .address-icon-box{
        position: absolute;
        left:319rpx;
        top:-35rpx;
        width:72rpx;
        height:36rpx;
        border-radius:72rpx 72rpx 0 0;
        border:solid 2rpx #dedede;
        border-bottom:0;
        // box-shadow:0px 4px 8px 0px rgba(176,176,176,0.5);
        background:#ffffff;
        z-index:98;
        .icon-bottom {
            border-top: 2rpx solid #D8D8D8;
            border-right: 2rpx solid #D8D8D8;
            display: inline-block;
            width: 17rpx;
            height: 17rpx;
            transform: rotate(135deg);
            position: absolute;
            top: 9rpx;
        }
        .icon-size{
            margin-top:8rpx;
        }
    }
}
}